<!-- <template>
  <div>
    <el-tooltip
    v-for="(item, index) in ['a', 'b', 'c', 'd', 'e', 'f', 'g']"
    :key="item"
    class="item"
    effect="dark"
    :content="`数组索引为${index}的值为${item}`"
    placement="top-start"
  >
    <el-tag>{{ item }}</el-tag>
  </el-tooltip>
  </div>
</template>

<script>
export default {};
</script>

<style>
</style> -->
<template>
    <div class="conbarcontainer" ref="wrapperRef">
      <img src="https://img1.baidu.com/it/u=2559867097,3726275945&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1707152400&t=a1edd1883970b80103d363c90c89a17e" alt="" style="width: 100%;height: 100%;">
      <img src="https://img1.baidu.com/it/u=2559867097,3726275945&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1707152400&t=a1edd1883970b80103d363c90c89a17e" alt="" style="width: 100%;height: 100%;">
      <img src="https://img1.baidu.com/it/u=2559867097,3726275945&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1707152400&t=a1edd1883970b80103d363c90c89a17e" alt="" style="width: 100%;height: 100%;">
      <img src="https://img1.baidu.com/it/u=2559867097,3726275945&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1707152400&t=a1edd1883970b80103d363c90c89a17e" alt="" style="width: 100%;height: 100%;">
      <img src="https://img1.baidu.com/it/u=2559867097,3726275945&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1707152400&t=a1edd1883970b80103d363c90c89a17e" alt="" style="width: 100%;height: 100%;">
      
    </div>
</template>
 
<script>
import Watermark from "./watermarkTwo.js"
    export default {
      data(){
        return {
          name:"张三"
        }
      },
        mounted() {
            this.handleWater();
        },
 
        methods: {
            // 水印
            handleWater(){
                // Watermark.set( '要设置的水印的内容', '需要设置水印的容器');
                Watermark.set( this.name, this.$refs.wrapperRef);
            },    
        }
    }
</script>
<style scoped>
.conbarcontainer{
  width: 600px;
  height: 666px;
}
</style>


